<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">

		<title>校园管理系统首页</title>

		<link rel="stylesheet" href="http://unpkg.com/layui@2.6.8/dist/css/layui.css">
		<!-- Bootstrap core CSS -->
		<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">


		<!--<link rel="stylesheet" th:href="@{https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css}">
		<script th:src="@{https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js}"></script>
		<script th:src="@{https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js}"></script>
		<script th:src="@{https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js}"></script>
-->
		 <!--Custom styles for this template -->
		<link th:href="@{/css/dashboard.css}" rel="stylesheet">

		<style type="text/css">

			html, body {
				width: 100%;
				height: 100%;
			}

			.ncovInfo_li {
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				box-sizing: border-box;
			}

			.box-top {
				display: flex;
				width: 30%;
				height: 100%;
				/*background: antiquewhite;*/
				justify-content: space-around;
			}

			.box1 {
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
			}

			.box-under {
				display: flex;
				width: calc(70% - 10px);
				height: 100%;
				/*background: blueviolet;*/
				justify-content: space-around;
				align-items: center;
				padding: 10px 0;
			}

			.box2 {
				box-shadow: 3px 3px 10px #909090;
			}

		</style>

	</head>

	<body>
		<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
			<span class="navbar-brand col-sm-3 col-md-2 mr-0"><a>首页 </a></span>
			<ul class="navbar-nav px-3">
				<li class="nav-item text-nowrap">
					<a class="nav-link" th:text="|${session.username} 退出|" th:href="@{/logout}"></a>
				</li>
			</ul>
		</nav>

		<div class="container-fluid">
			<div class="row">
				<nav class="col-md-2 d-none d-md-block bg-light sidebar">
					<div class="sidebar-sticky">
						<ul class="nav flex-column">
							<li class="nav-item">
								<a class="nav-link" >
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">
										<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
										<polyline points="9 22 9 12 15 12 15 22"></polyline>
									</svg>
									当前在首页 <span class="sr-only">(current)</span>
								</a>
							</li>

						</ul>
						<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
							<span>信息管理</span>
						</h6>
							<ul class="nav flex-column">

								<li class="nav-item">
									<a class="nav-link" th:href="@{/leaveList}">
										<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
											<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
											<polyline points="13 2 13 9 20 9"></polyline>
										</svg>
										请假信息检索
									</a>
								</li>
							<li class="nav-item">
								<a class="nav-link" th:href="@{/tempList}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
										<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
										<polyline points="13 2 13 9 20 9"></polyline>
									</svg>
									体温信息检索
								</a>
							</li>
							</ul>

						<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
							<span>学生管理</span>

						</h6>

						<ul class="nav flex-column">
							<li class="nav-item">
								<a class="nav-link" th:href="@{/student/stu}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
										<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
										<polyline points="14 2 14 8 20 8"></polyline>
										<line x1="16" y1="13" x2="8" y2="13"></line>
										<line x1="16" y1="17" x2="8" y2="17"></line>
										<polyline points="10 9 9 9 8 9"></polyline>
									</svg>
									学生管理
								</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" th:href="@{/dormitory/dor}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
										<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
										<polyline points="14 2 14 8 20 8"></polyline>
										<line x1="16" y1="13" x2="8" y2="13"></line>
										<line x1="16" y1="17" x2="8" y2="17"></line>
										<polyline points="10 9 9 9 8 9"></polyline>
									</svg>
									宿舍管理
								</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" th:href="@{/toClazz}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
										<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
										<polyline points="14 2 14 8 20 8"></polyline>
										<line x1="16" y1="13" x2="8" y2="13"></line>
										<line x1="16" y1="17" x2="8" y2="17"></line>
										<polyline points="10 9 9 9 8 9"></polyline>
									</svg>
									班级管理
								</a>
							</li>
						</ul>

						<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
							<span>登录用户管理</span>
						</h6>

						<ul class="nav flex-column">
							<li class="nav-item">
								<a class="nav-link" th:href="@{/toAddUser}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users">
										<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
										<circle cx="9" cy="7" r="4"></circle>
										<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
										<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
									</svg>
									添加用户
								</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" th:href="@{/toUser}">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users">
										<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
										<circle cx="9" cy="7" r="4"></circle>
										<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
										<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
									</svg>
									用户信息检索
								</a>
							</li>

						</ul>

					</div>
				</nav>

				<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">

					<div class="mainindex" style="height: calc(100% - 80px);">
						<div class="welinfo">

							<h6>欢迎您,管理员</h6>
						</div>
						<hr/>

						<div style=" padding-top: 10px; height: 40px; display: flex;">
							<div style="display: flex; width: 30%; justify-content: space-around; align-items: flex-end;">
								<span style="font-size:20px; font-weight:bold; color: dimgrey">疫情数据</span>
							</div>
							<div style="display: flex; width: 70%; justify-content: space-around; align-items: flex-end;">
								<span style="font-size:20px; font-weight:bold; color: dimgrey">最新公告</span>
							</div>
						</div>

						<div style="height: calc(100% - 82px);display: flex;">
						<div class="box-top">
							<div class="box1">
								<div class="ncovInfo_li">
									<div><b id="currentConfirmedIncrStr">较昨日</b><em id="currentConfirmedIncr"
																					style="color: rgb(247, 76, 49);">+4</em></div>
									<strong id="currentConfirmedCount" style="font-size: 30px; color: rgb(247, 76, 49);">12063</strong>
									<span style="font-size: 15px; font-weight: bold">现存确诊</span>
								</div>
								<div class="ncovInfo_li">
									<div><b id="suspectedIncrStr">较昨日</b><em id="suspectedIncr" style="color: rgb(247, 130, 7);">+8</em>
									</div>
									<strong id="suspectedCount" style="font-size: 30px; color: rgb(247, 130, 7);">6275</strong>
									<span style="font-size: 15px; font-weight: bold">境外输入</span>
								</div>
								<div class="ncovInfo_li">
									<div><b id="seriousIncrStr">较昨日</b><em id="seriousIncr" style="color: rgb(162, 90, 78);">-2</em>
									</div>
									<strong id="seriousCount" style="font-size: 30px; color: rgb(162, 90, 78);">391</strong>
									<span style="font-size: 15px; font-weight: bold">现存无症状</span>
								</div>
							</div>
							<div class="box1">
								<div class="ncovInfo_li">
									<div><b id="confirmedIncrStr">较昨日</b><em id="confirmedIncr"
																			 style="color: rgb(174, 33, 44);">+26</em></div>
									<strong id="confirmedCount" style="font-size: 30px; color: rgb(174, 33, 44);">116,487</strong>
									<span style="font-size: 15px; font-weight: bold">累计确诊</span>
								</div>
								<div class="ncovInfo_li">
									<div><b id="deadIncrStr">较昨日无变化</b><em id="deadIncr" style="color: rgb(174, 33, 44);">+26</em></div>
									<strong id="deadCount" style="font-size: 30px; color: rgb(93, 112, 146);">5,298</strong>
									<span style="font-size: 15px; font-weight: bold">累计死亡</span></div>
								<div class="ncovInfo_li">
									<div><b id="curedIncrStr">较昨日</b><em id="curedIncr" style=" color: rgb(40, 183, 163);">+22</em>
									</div>
									<strong id="curedCount" style="font-size: 30px; color: rgb(40, 183, 163);">99,126</strong>
									<span style="font-size: 15px; font-weight: bold">累计治愈</span></div>
							</div>
						</div>

						<div class="box-under">
							<div style="position: relative; top: 23%; font-size:30px; font-weight:bold; ">
								<div class="carousel-inner" style="width: 600px; height: 450px">
									<!--<div class="carousel-item active">
										<img th:src="@{https://static.runoob.com/images/mix/img_nature_wide.jpg}">
									</div>-->
									<div class="layui-carousel" id="test1">
										<div carousel-item>
											<div><img src="https://static.runoob.com/images/mix/img_nature_wide.jpg"></div>
											<div><img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg"></div>
											<div><img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg"></div>
										</div>
									</div>
									<!-- 条目中可以是任意内容，如：<img src=""> -->
											</div>
									</div>
						</div>
					</div>
					</div>
					<!-- 引入 layui.js -->
					<script src="http://unpkg.com/layui@2.6.8/dist/layui.js"></script>
					<script>
						layui.use('carousel', function(){
							var carousel = layui.carousel;
							//建造实例
							carousel.render({
								elem: '#test1'
								,width: '100%' //设置容器宽度
								,arrow: 'hover' //始终显示箭头
								//,anim: 'updown' //切换动画方式
							});
						});
					</script>
				</main>
			</div>
		</div>
	</body>
</html>